javascript - jQuery DatePicker set time and date - Stack Overflow

admin管理员组

文章数量:1252683

Hello I was asked to modify some code. We got something like this:

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

Looks like this is setting up the date picker

How Can I set it up to default show todays date and time?? like dd-m-yy hh:mm

Hello I was asked to modify some code. We got something like this:

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

Looks like this is setting up the date picker

How Can I set it up to default show todays date and time?? like dd-m-yy hh:mm

• javascript
• jquery

Share Improve this question Follow edited Apr 18, 2022 at 13:06 Tyler2P 2,3703030 gold badges2525 silver badges3232 bronze badges asked Oct 8, 2012 at 18:42 Doc HolidayDoc Holiday 10.3k3232 gold badges102102 silver badges153153 bronze badges 1

• It is..its just hacked to hell!!! – Doc Holiday Commented Oct 8, 2012 at 19:01

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 4

just use setdate and new Date() for date/time right now

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

FIDDLE

Check the datepickers documentation for more customizations. Surely it have..

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

Usage:

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

Need to add .datepicker("setDate", "0") after the datetimepicker call. see the code below.

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

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

Output:- 14/04/2022 17:40

Set date programmatically:

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

本文标签： javascriptjQuery DatePicker set time and dateStack Overflow