Datetime 表单如何发送纪元格式而不是格式化日期？

Question

我想在提交表单时发送用户日期时间选择的纪元格式值

你能告诉我我是怎么做到的吗？ http://s529471052.onlinehome.fr/datetimeform/gpio/test5.htm

我希望使用这样的 GET 方法发送纪元数据：/test5.htm?datetime=1494335700

目前它发送未在后端使用的格式：

/test5.htm?datetime=29+December+2016+-+10%3A50&submit=

--

顺便说一句，由于某些未知原因，即使有 css 文件，'Delete' 和 'Calendar' 图形图标也不会显示在 datetimeform 中。

Answer 1

由于您正在使用的“DateTimePicker”库似乎对此没有任何支持，因此您必须自己修补它。

先给已有的#dtp_input1元素一个name，这样它会作为参数发送：

<input id="dtp_input1" name="dtp_input1" type="hidden"/>

接下来我们需要挂钩选择器的 setValue() 方法，以便将字段的值放入我们想要的格式：

/* get the datetimepicker controller */
let picker = $(`.form_datetime`).data(`datetimepicker`);

/* override its setValue() method */
let f = picker.setValue;
picker.setValue = function(...xs) {
    /* call the original method first */
    f.call(this, ...xs);
    /* now set the linked field to epoch format */
    $(`#${this.linkField}`)
        .val(`${(this.getDate() || new Date(0)).getTime()}`);
};

现在，当您提交表单时，它应该会产生如下查询：

?datetime=20+January+2017+-+03%3A15&dtp_input1=1484842500000

其中 dtp_input1 是纪元值，datetime 是文本框中人类可读的字符串。

Datetime 表单如何发送纪元格式而不是格式化日期？

How could Datatime form send epoch format instead of formated date?

html

javascript

datetime

epoch