如何在jQuery datetimepicker中格式化日期？

我使用從jQuery datepicker擴展的jQuery datetimepicker不僅選擇日期，而且選擇時間。如何在jQuery datetimepicker中格式化日期？

我想設置日期/時間格式是這樣的：dd-mm-yyyy @ hh:mm

$('#timePicker').datetimepicker({ 
    dateFormat: 'dd:mm:yyyy', 
    separator: ' @ ', 
    minDate: new Date() 
});

但是，這是行不通的。我得到以下格式的日期/時間：

Thu Jan 27 2011 02:05:17 GMT+0100

是否有任何JavaScript函數來格式化此日期/時間？如果不是，我該如何使用插件做到這一點？看看我的代碼：FIDDLE

來源

2011-01-26 Lost in OWL

爲什麼你使用div（而不是輸入元素）？ Plus：http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDateFormat.html可能會有用。 – abesto 2011-01-26 07:33:40

我不想輸入...它不工作....並且我使用datetimepicker而不僅僅是datepicker – 2011-01-26 07:37:53

您是否要將「alerts」值顯示爲「dd-mm-yyyy @ hh：mm」？ – 2011-01-26 11:56:38

Here you go。

$('#timePicker').datetimepicker({ 
    // dateFormat: 'dd-mm-yy', 
    format:'DD/MM/YYYY HH:mm:ss', 
    minDate: getFormattedDate(new Date()) 
}); 

function getFormattedDate(date) { 
    var day = date.getDate(); 
    var month = date.getMonth() + 1; 
    var year = date.getFullYear().toString().slice(2); 
    return day + '-' + month + '-' + year; 
}

您需要通過datepicker（）日期格式正確。

來源

2011-01-27 09:15:02 Skilldrick

例如，我用西班牙文格式獲取日期/時間。

$('#timePicker').datetimepicker({ 
    defaultDate: new Date(), 
    format:'DD/MM/YYYY HH:mm' 
});

來源

2016-05-15 13:22:22 ShirleyCC

的DateTimePicker的較新版本（我使用的是使用2.3.7）使用format:"Y/m/d"不dateFormat...

所以

jQuery('#timePicker').datetimepicker({ 
    format: 'd-m-y', 
    value: new Date() 
});

見http://xdsoft.net/jqplugins/datetimepicker/

來源

2016-05-26 19:42:07

你可以使用：

$('#timePicker').datetimepicker({ 
     format:'d.m.Y H:i', 
     minDate: ge_today_date(new Date()) 
}); 

function ge_today_date(date) { 
    var day = date.getDate(); 
    var month = date.getMonth() + 1; 
    var year = date.getFullYear().toString().slice(2); 
    return day + '-' + month + '-' + year; 
}

來源

2017-05-25 10:25:39

這適用於我。由於它「擴展」了datepicker，我們仍然可以使用dateFormat：'dd/mm/yy'。

$(function() { 
    $('.jqueryui-marker-datepicker').datetimepicker({ 
     showSecond: true, 
     dateFormat: 'dd/mm/yy', 
     timeFormat: 'hh:mm:ss', 
     stepHour: 2, 
     stepMinute: 10, 
     stepSecond: 10 

    }); 
});

來源

2017-09-21 15:32:30

如何在jQuery datetimepicker中格式化日期？

回答

相關問題