【问题标题】:Jquery datetimepicker text in formatJquery datetimepicker 文本格式
【发布时间】:2014-12-08 15:08:25
【问题描述】:

我在荷兰餐厅的预订表格中使用了 Jquery 的 Datetimepicker。工作完美,但一件事不起作用。

是否可以使用 Jquery datetimepicker 在日期和时间之间添加文本?​​

而不是这个:2014 年 15 月 10 日星期三 01:09

我想要这个:2014 年 10 月 15 日星期三 01:09

    var logic = function( currentDateTime ){
    if( currentDateTime.getDay()==4 || currentDateTime.getDay()==5 || currentDateTime.getDay()==6 ){
        this.setOptions({
            maxTime:'22:31'
        });
    }else
        this.setOptions({
            maxTime:'17:31'
        });
};
$('#datetimepicker').datetimepicker({
    onChangeDateTime:logic,
    onShow:logic,
    format: 'l d-m-Y H:i',
    step: 15,
    minTime: '11:00',

             beforeShowDay: function(day) {

            if (day.toDateString()===new Date(2014,8,11).toDateString()) {
          return ["xdsoft_disabled"]
      }
      if (day.toDateString()===new Date(2014,8,12).toDateString()) {
          return ["xdsoft_disabled"]
      }
      if (day.toDateString()===new Date(2014,8,13).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,16).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,17).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,18).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,19).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,20).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,23).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,24).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,25).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,26).toDateString()) {
          return ["xdsoft_disabled"]
      }
          if (day.toDateString()===new Date(2014,8,27).toDateString()) {
          return ["xdsoft_disabled"]
      }
            var day = day.getDay();
            if (day == 1 || day == 0) {
                return ["xdsoft_disabled"]
            }
             }
        });

【问题讨论】:

    标签: jquery datepicker datetimepicker


    【解决方案1】:

    可以通过将文本放在单引号中来在格式字符串中指定文本。所以试试:

    $("#date").datetimepicker( {
        dateFormat: "dd-mm-yy",
        timeFormat: "'at' HH:mm",
        pickerTimeFormat: "HH:mm"
    });
    

    DEMO

    在 jQuery UI Datepicker documentation 中查看 $.datepicker.formatDate() 的文档。

    它还说任何不是日期格式关键字之一的内容都被视为文字文本。由于at 不是关键字,因此它可以在没有引号的情况下使用:

    format: "l d-m-Y at H:i"
    

    【讨论】:

    • 到目前为止,一切都很好!但现在我想添加荷兰语单词“om”。因为 'm' 是日期格式关键字,所以它不起作用。这个问题有解决办法吗?
    • 如果你把它放在引号中,它是否是一个关键字应该没有关系。
    • 如果我输入: format: 'l dmY "om" H:i' 或 format: "l dmY 'om' H:i" 它返回:Saturday 18-10-2014 'o10' 16 :30 不明白!
    • 您在哪里看到format: 选项? jQuery UI Datepicker 有一个dateFormat: 选项,Timepicker 添加了一个timeFormat: 选项。我看不出有一种方法可以将它们都放在一个选项中。我以为您使用的是Trent Richardson Timepicker
    • 也没有l 格式来显示星期几。我猜你使用的日期时间选择器与我想象的不同。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-15
    相关资源
    最近更新 更多