【问题标题】:jQuery UI Datepicker populate and format alternate field as MySQL datejQuery UI Datepicker 将备用字段填充并格式化为 MySQL 日期
【发布时间】: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
});

谢谢

【问题讨论】:

    标签: jquery mysql jquery-ui date jquery-ui-datepicker


    【解决方案1】:

    要使用可读日期填充输入并使用 MySQL 友好日期填充备用(可能隐藏)输入,您需要指定 dateFormataltFieldaltFormat,如下所示:

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

    您可以在日期格式is available heredemo 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
      });
      

      【讨论】:

      • 瑞典语让我有些困惑,但我设法从中找到了答案。谢谢
      猜你喜欢
      • 2014-10-29
      • 1970-01-01
      • 2016-06-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多