HTML代碼
<div class="input-group date form_datetime form-date" data-link-field="dtp_input1" >
<input class="form-control" size="16" type="text" readonly>
<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
</div>
JS代碼
$('.form_datetime').datetimepicker({
language: 'zh-CN',
format: 'yyyy-mm-dd',//yyyy-mm-dd hh:ii p div的顯示時間
todayBtn: true,//今天按鈕
autoclose: true,//選中關閉
minView: "month",//設置選擇時 只顯示到月份 ----day, year --不設置默認帶時間 秒 日歷的顯示時間
startView: "2"
}).on("changeDate", function (ev) { // -changeDate 選中日期后函數,click 選中日期前函數
alert(123);
});
效果圖
我之前用到了bootstrap的datepicker
然后我使用了jquery的datepicker的調用方法,把兩者混淆了。
$('#job-calendar').datepicker({
dateFormat: "yyyy-mm-dd",
language: "zh-CN",
onSelect: gotoDate
});
function gotoDate(ev){
window.location.href = "XXXX.html" + "?Date=" + ev.date.getFullYear().toString() + "-"+ (ev.date.getMonth()+1).toString()+ "-"+ ev.date.getDate().toString();
}
得不到我要的選擇日期,頁面跳轉的效果。以為是版本的問題,更換最新版本后還是不行。后來才發現有兩款datepicker插件。
以下是bootstrap的datepicker的api調用方法。
$('#job-calendar').datepicker({
dateFormat: "yyyy-mm-dd",
language: "zh-CN",
onSelect: gotoDate
}).on('changeDate',gotoDate);
主要是想讓大家注意的是,看清楚自己用的是哪個插件,去找對應的api,一些細微的差別真夠折騰好久的!
上述使用轉自:http://blog.csdn.net/huanghanqian/article/details/53082469 感謝博主