datetimepicker只顯示日期,不顯示時分秒


 
        
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  感謝博主

 




 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM