Question

我正在使用jQuery UI的Datepicker并将其设置为填充备用字段。虽然这似乎没有填充该字段。

我还希望将日期格式化为“YYY-MM-DD”的MySQL格式。我怎样才能让它工作并格式化日期呢？

我目前的jQuery代码是：

$('.booking-date').datepicker({
    minDate: new Date(y, m, d),
    numberOfMonths: 2,
    altField: "#venue_date",
    altFormat: "DD, d MM, yy",
    dateFormat: 'DD, d MM, yy',
    showButtonPanel: true
});

由于

Answer 1

这里有一些工作代码，你可以看到很多不同的选项。这里有很多设置为瑞典语...并且使用图像而不是输入字段。

 var dateToday = new Date();

    $.datepicker.setDefaults( $.datepicker.regional[ "" ] );

$(".booking-date").datepicker( $.datepicker.regional[ "sv" ] = { 
    monthNames: ['Januari','Februari','Mars','April','Maj','Juni',
        'Juli','Augusti','September','Oktober','November','December'],
    monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Maj', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'], // For formatting
    dayNames: ['Söndag', 'Månday', 'Tisday', 'Onsdag', 'Torsdag', 'Fredag', 'Lördag'], // For formatting
    dayNamesShort: ['Sön', 'Mån', 'Tis', 'Ons', 'Tor', 'Fre', 'Lör'], // For formatting
    dayNamesMin: ['Sö','Må','Ti','On','To','Fr','Lö'], // Column headings for days starting at Sunday
    weekHeader: 'v.', // Column header for week of the year
    dateFormat: 'yy-mm-dd', // Swedish date format
    buttonImage: 'img/calendar.png',
    buttonImageOnly: true,
    buttonText: 'Klicka för att välja datum',
    showOn: 'both',
    minDate: dateToday,
    firstDay: 1
});

Answer 2

要使用可读日期和带有MySQL友好日期的备用（可能隐藏）输入填充输入，您需要指定dateFormat，altField，altFormat，如下所示：

$('.booking-date').datepicker({
    minDate: new Date(),
    altField: "#venue_date",
    altFormat: "yy-mm-dd",
    dateFormat: 'DD, d MM, yy',
    numberOfMonths: 2,
    showButtonPanel: true
});

您可以在日期格式is available here和demo here

中使用的变量列表

jQuery UI Datepicker填充并格式化备用字段作为MySQL日期

2 个答案: