2015年8月2日 星期日

Bootstrap datetimepicker 設定、取值 set and get

bootstrap datetimepicker的基本教學後,這篇要說的是設定、取值的方法



令有一HTML文件:
<input type="text" id="datetime">

by jQuery
初始化(initialize):
$("input#datetime").datetimepicker({...option setting...});


設定該datetimepicker的日期時間 (set date,time):
'update' method
$("input#datetime").datetimepicker('update',new Date(year,month,day,hour,minute));

取值(get value)
若利用$("input#datetime").val(); 僅能取到input上的文字
要在javascript中拿到時間的話:
datetimepicker的getDate() method
var  myDate=$("input#datetime").data("datetimepicker").getDate();
得到Date物件後,就能利用其方法得到詳細的時間
    var year=myDate.getFullYear();
    var month=myDate.getMonth();
    var day=myDate.getDate();
    var hour=myDate().getHours();
    var minute=myDate.getMinutes();

沒有留言:

張貼留言