2012-10-08 148 views
1

你好,我被要求修改一些代碼。我們得到了這樣的事情:jQuery DatePicker設置時間和日期

$("#expiration_datepicker").datetimepicker("option", "disabled", false).attr('value', ''); 

$("#expiration_datepicker").datetimepicker(
    { 
     dateFormat: 'mm-dd-yy', 
     showOn: 'button', 
     buttonImage: '../chassis/images/calendar.gif', 
     buttonImageOnly: true, 
     minDate: 0, 
     maxDate: '+5Y', 
     duration: '', 
     <c:if test="${formIsReadonly or form.newsItemId == '-1'}">disabled: true,</c:if> 
     constrainInput: false, 
     timeFormat: 'hh:mm' 
    }); 

看起來這是建立在日期選擇器

我怎樣才能將它設置爲默認顯示當天的日期和時間? like dd-m-yy hh:mm

+0

這is..its只是砍死地獄!!! –

回答

3

查看datepickers文檔以獲取更多自定義。當然,它有..

$("#expiration_datepicker").datetimepicker("option", "disabled", false).attr('value', ''); 

    $("#expiration_datepicker").datetimepicker(
     { 
      **dateFormat: 'dd-m-yy',** // date format goes here 
      showOn: 'button', 
      buttonImage: '../chassis/images/calendar.gif', 
      buttonImageOnly: true, 
      minDate: 0, 
      maxDate: '+5Y', 
      duration: '', 
      <c:if test="${formIsReadonly or form.newsItemId == '-1'}">disabled: true,</c:if> 
      constrainInput: false, 
      timeFormat: 'hh:mm' // time format here 
     }); 

用法:

<script> 
$('#expiration_datepicker').click(function(){ 
    ('#expiration_datepicker').datetimepicker('setDate', (new Date())); 
}); 
</script> 
+0

好吧,我有一個不同的問題....如果我想把這種格式放在這裏: –

+0

attr('value','放那裏格式');' –

+0

attr代表屬性,這裏的屬性是值,所以值的控制將去那裏...... –

2

需要添加 '.datepicker( 「的setDate」, 「0」)' 的DateTimePicker調用之後。請參閱下面的代碼。

$("#expiration_datepicker").datetimepicker("option", "disabled", false).attr('value', ''); 
$("#expiration_datepicker").datetimepicker( { 
    dateFormat: 'dd-m-yy hh:mm', // format goes here. Check its documentation for more.   
    showOn: 'button',   
    buttonImage: '../chassis/images/calendar.gif',   
    buttonImageOnly: true,   
    minDate: 0,   
    maxDate: '+5Y',   
    duration: '',   
<c:if test="${formIsReadonly or form.newsItemId == '-1'}">disabled: true,</c:if>   constrainInput: false,   
timeFormat: 'hh:mm'  }).datetimepicker("setDate", "0"); 
5

只使用日期/時間的setdate和新的Date()現在

$(function() { 
    $("#datepicker1").datetimepicker({ 
     dateFormat: 'dd-m-yy'   
     // your options 
    }).datetimepicker("setDate", new Date()); 
});​ 

FIDDLE

+0

你的演示http://jsfiddle.net/e7tLj/不工作 –

+0

@UttamKumarRoy我更新了你的小提琴。我從github導入文件,結構發生了變化,所以我現在使用cdnjs。 –

+0

非常感謝。 –

-1

設定的日期編程

$('#inputID').datetimepicker("setDate", "05.01.2017 13:36"); 
+1

這並沒有完全回答這個問題,提問者想知道如何設置今天的日期和時間。 –

+1

這個答案添加到其他答案是什麼? – sds

相關問題