jQuery DatePicker设置时间和日期

时间:2012-10-08 18:42:11

标签: javascript jquery

您好我被要求修改一些代码。我们有这样的事情:

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

4 个答案:

答案 0 :(得分:4)

立即使用setdate和new Date()获取日期/时间

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

FIDDLE

答案 1 :(得分: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>

答案 2 :(得分:1)

需要在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");

答案 3 :(得分:-1)

以编程方式设置日期

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