總結了一下問題所在。主要原因是項目里用的jquery，也用了jquery ui,碰巧它里面也有一個datepicker，名字一模一樣。一直折騰啊，在查jquery的datepicker用法，在網(wǎng)上找了各種說是好使的，就是對datepicker綁定onSelect方法。恰巧的是，很多網(wǎng)友都說onSelect不起作用....

突然靈光一現(xiàn)，發(fā)現(xiàn)lib文件夾下一堆bootstrap的東西，更重要的是還有一個文件夾上寫著bootstrap_datepicker巴拉巴拉的，才醒悟，我們用的不是jquery下的datepicker?！雪n⊙b汗

直接貼代碼：

js代碼

$('#starttime').datepicker({
format: 'yyyy.mm.dd',
weekStart: 1,
autoclose: true,
todayBtn: 'linked',
language: 'zh-CN'
}).on('changeDate',function(ev){
var startTime = ev.date.valueOf();
if(start<teach){
alert("“評估開始時間 ”不能早于“授課時間 ” ！");
$("#starttime").focus();
}
});
$('#endtime').datepicker({
format: 'yyyy.mm.dd',
weekStart: 1,
autoclose: true,
todayBtn: 'linked',
language: 'zh-CN'
}).on('changeDate',function(ev){
var endTime = ev.date.valueOf();
end = endTime;
if(end<start){
alert("“評估結束時間 ”不能早于“評估開始時間 ” ！");
}else{
}
});

jsp代碼：

<div id="starttime_main" class="control-group">
<label class="control-label" for="starttime">開始時間：</label>
<div class="date form_datetime controls" data-date="2013.05.10" id="starttimeDiv">
<input type="text" class="span9" value="" id="starttime" readonly> 
<span class="add-on">
<i class="icon-calendar"></i> 
</span>
</div>
</div>
<div id="endtime_main" class="control-group">
<label class="control-label" for="endtime">結束時間：</label>
<div class=" controls date form_datetime"
data-date="2013.05.10" id="endtimeDiv">
<input type="text" class="span9" value="" id="endtime"
readonly> <span class="add-on"><i
class="icon-calendar"></i> </span>
</div>
</div>

以上所述是小編給大家介紹的BootStrap的Datepicker控件使用心得分享，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: