【问题标题】:jquery mobile - how to pre-fill text input of type date-time-localjquery mobile - 如何预填充日期时间本地类型的文本输入
【发布时间】:2013-08-05 16:48:15
【问题描述】:

在 jquery mobile 中,我有一个带有日期时间本地输入字段的表单:

<div class="schedule" data-role="fieldcontain">
   <label for="start_at">Start At:</label>
   <input id="start_at" name="start_at" type="datetime-local" value="" />
</div>

此输入字段在屏幕上显示模板 [dd-mm-jjjj --:--] 以输入日期和时间。

但是如何使用数据库或 javascript 中的日期和时间预先填充此类字段?

我尝试用值“31-12-2013 15:35”和以毫秒为单位的日期预先填充它,但到目前为止没有任何效果。

【问题讨论】:

    标签: jquery datetime mobile input


    【解决方案1】:

    给你:

    jsFiddle

    要预填充文本输入,您只需执行以下操作:

    $(document).ready(function() {
        $("#start_at").val("2013-12-31T15:35");
    });
    

    如果您想添加秒和毫秒,请按以下方式添加:

    $(document).ready(function() {
        $("#start_at").val("2013-12-31T15:35:52.52");
    });
    

    【讨论】:

    • 这不起作用。 F.I.在 Chrome 中,当您单击向下箭头时,会显示 2 个重叠的日期选择器,并且没有时间选择器。此外,jquery ui js 和 css 与 jquery mobile js 和 css 冲突。
    • 检查新的解决方案。我在 Chrome 中对其进行了测试,现在可以使用了。
    【解决方案2】:

    日期必须为ISO 8601 格式:yyyy-HH-mm'T'mm:ss,因此您只需将值设置为"2013-12-31T15:35"

    <div class="schedule" data-role="fieldcontain">
       <label for="start_at">Start At:</label>
       <input id="start_at" name="start_at" type="datetime-local" value="2013-12-31T15:35" />
    </div>
    

    【讨论】:

      猜你喜欢
      • 2020-05-27
      • 2023-04-06
      • 2018-09-09
      • 1970-01-01
      • 2013-08-14
      • 2017-04-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多