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

Posted 2023-05-09

【中文标题】jQuery UI Datepicker 将备用字段填充并格式化为 MySQL 日期

【英文标题】：jQuery UI Datepicker populate and format alternate field as MySQL date

【发布时间】：2014-01-25 00:54:45

【问题描述】：

我正在使用 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
);

谢谢

【参考方案1】：

要使用可读日期填充输入并使用 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 中使用的变量列表

【参考方案2】：

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

 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
);

【讨论】：

瑞典语让我有些困惑，但我设法从中找到了答案。谢谢