bootstrap datetimepicker日期插件使用方法

标签：bootstra   输入   his   parse   for   下载   hub   datetime   lda   

1.github下载资源包  http://www.bootcss.com/p/bootstrap-datetimepicker/

2.引入bootstrap-datetimepicker.min.css和bootstrap-datetimepicker.min.js 

3.中文包  bootstrap-datetimepicker.zh-CN.js

　　html

　　　　<input  name="entryDate" placeholder="请选择入职日期" id="blrz-entry-date-start" type="text" >

　　js　　

　　　　$("#blrz-entry-date-start").datetimepicker({
　　　　　　format: ‘yyyy-mm-dd‘,
　　　　　　language: ‘zh-CN‘,
　　　　　　weekStart: 1,
　　　　　　todayBtn: 1,
　　　　　　autoclose: 1,
　　　　　　todayHighlight: 1,
　　　　　　startView: 2,
　　　　　　minView: 2,
　　　　　　forceParse: 0
　　　　});

　　补： 可将input设设置为不可用状态　

　　　　$(‘#blrz-entry-date-start‘).focus(function(){
　　　　　　$(this).blur();//不可输入状态
　　　　})

　　/*************************************************************************************************************/

//通过入职日期改变劳动合同截止日期(后者在前者的基础上加2年)

　　<input  name="entryDate" placeholder="入职日期" id="blrz-entry-date-start" type="text" >

　　<input  name="entryDate" placeholder="合同截止日期" id="blrz-entry-date-end" type="text" >

$("#blrz-entry-date-start").on(‘change‘,function(){
　　var thisEntryDate = $("#blrz-entry-date-start").val();
　　if(thisEntryDate != ‘‘){
　　　　thisEntryDate = thisEntryDate.replace(/-/g,"/");
　　　　var normalDate = new Date(thisEntryDate);//转为标准时间格式
　　　　normalDate.setFullYear(normalDate.getFullYear()+2);//将年份加两年
　　　　var formatDateTime = function (date) {
　　　　　　var y = date.getFullYear();
　　　　　　var m = date.getMonth() + 1;
　　　　　　m = m < 10 ? ‘0‘ + m : m;
　　　　　　var d = date.getDate();
　　　　　　d = d < 10 ? (‘0‘ + d) : d;
　　　　　　return y + ‘-‘ + m + ‘-‘ + d;
　　　　};
　　　　var forContract_deadline = formatDateTime(normalDate)
　　　　$("#blrz-entry-date-end").val(forContract_deadline)
　　}
})
//通过入职日期改变劳动合同截止日期end

bootstrap datetimepicker日期插件使用方法

标签：bootstra   输入   his   parse   for   下载   hub   datetime   lda   

原文地址：http://www.cnblogs.com/adolfvicto/p/7152234.html