有特色的模板
og体育首页ONE Subscrioption
JS Animated. 如何更改预订表格的日期格式
2015年2月11日
控件的日期格式 booking form 在我们的JS动画模板.
JS Animated. 如何更改预订表格的日期格式您将学习如何使用以下日期格式:
- 美国人:12/31/2014
- 欧洲:31/12/2014
- ISO: 2014/12/31
So, let’s begin!
默认表单值
Find the .html 文件与表单在“site”文件夹中，并打开它 Notepad++，或其他编辑程序.
更改默认情况下在表单字段中显示的日期格式.
例如，如果您想使用美国日期格式，则上面的代码更改为:
Input format
导航到“booking”文件夹，然后到里面的“js”文件夹.
在预订中更改以下代码.. js中添加dateFormat选项 .datepicker 对象获取所需的日期格式，如下表所示:
.find(object.datepickerClass)
.wrap(wrapper)
.find('input')
.datepicker({
showButtonPanel:真
}).end().end()
例如，对于欧洲格式，代码将是:
.find(object.datepickerClass)
.wrap(wrapper)
.find('input')
.datepicker({
showButtonPanel:没错,
dateFormat:“dd-mm-yy”
}).end().end()
保存并关闭该文件.
日期验证设置
In regula.Js文件找到代码，看起来像这样:
//检查日期格式
regula.custom({
name:'Date',
defaultMessage: "文本字段只能包含MM/DD/YY数据格式!",
验证器:函数(){
return /^(?:(?:(?:0?[13578]|1[02])(\/|-|\.)31)\1|(?:(?:0?[13-9]|1[0-2])(\/|-|\.)(?:29|30)\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:0?2(\/|-|\.)29\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:(?:0?[1-9])|(?:1[0-2]))(\/|-|\.)(?:0?[1-9]|1\d|2[0-8])\4(?:(?:1[6-9]|[2-9]\d)?\d{2})$/.test(this.value)
}
})
并根据下表更改日期格式的返回语句.
| booking.js | regula.js | |
|---|---|---|
american: 12/31/2014 |
dateformat:“mm-dd-yy” | return /^(?:(?:(?:0?[13578]|1[02])(\/|-|\.)31)\1|(?:(?:0?[13-9]|1[0-2])(\/|-|\.)(?:29|30)\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:0?2(\/|-|\.)29\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:(?:0?[1-9])|(?:1[0-2]))(\/|-|\.)(?:0?[1-9]|1\d|2[0-8])\4(?:(?:1[6-9]|[2-9]\d)?\d{2})$/.test(this.value) |
european: 31/12/2014 |
dateformat:“dd-mm-yy” | return /^(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))\1|(?:(?:29|30)(\/|-|\.)(?:0?[13-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/|-|\.)0?2\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\d|2[0-8])(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)?\d{2})$/.test(this.value) |
iso: 2014/12/31 |
dateformat:“yy-mm-dd” | return /^(?:(?:1[6-9]|[2-9]\d)?\d{2})(?:(?:(\/|-|\.)(?:(?:0?[13578]|1[02])\1)31)|(?:(\/|-|\.)(?:0?[13-9]|1[0-2])\2(?:29|30)))$|^(?:(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00)))(\/|-|\.)(?:0?2\3)29)$|^(?:(?:1[6-9]|[2-9]\d)?\d{2})(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))\4(?:0?[1-9]|1\d|2[0-8])$/.test(this.value) |
保存并关闭该文件.
现在你可以打开 .html file with the booking form in your browser 并通过选择或输入一些日期来测试它.
Email settings
让表单工作, 您还需要通过指定发送电子邮件的电子邮件地址和其他设置来激活它, such as SMTP server，端口，用户名和密码，如果你的电子邮件服务器需要这些. 关于配置这些设置，请参考以下教程:
如果日期格式正确，请使用 FTP program like FileZilla，或其他工具，如 file manager from the hosting provider.
请随时查看下面的详细视频教程:
JS Animated. 如何更改预订表格的日期格式