jQuery DatePicker 設置時間日期

Question

您好，我被要求修改一些代碼。 我們得到了這樣的東西：

$("#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'
});

看起來這是在設置日期選擇器

如何將其設置為默認顯示今天的日期和時間？ 像dd-m-yy hh:mm

Answer 1

現在就使用setdate和new Date（）作為日期/時間

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

小提琴

Answer 2

查看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>

Answer 3

需要在datetimepicker調用之后添加'.datepicker（“ setDate”，“ 0”）'。 請參閱下面的代碼。

    $("#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");

Answer 4

以編程方式設置日期

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

Answer 5

var d = new Date();
$("#VALUATION_DATETIME").datetimepicker({  
    showSecond: false,
    dateFormat: "dd/mm/yy",
    timeFormat: 'HH:mm',
}).datetimepicker("setDate", new Date()); 

Output：- 2022 年 4 月 14日 17:40