HTML中INPUT type=date标签如何赋值注意问题
现在的html5 input标签支持type="date" 显示有日期的日历控件,一行简单的代码就能显示出一个日历控件,但是有的时候需要给它一个默认的日期值,这个时候可能就要用到val(), attr("value","")等方法,有可能很多人会不成功,其实并不是这个标签不支持这些赋值的方法,而是赋值的时候字符串的格式有问题。
解决办法:一说就明白,一般我们用new Date().getMonth() new Date().getDate()方法获得日期的时候如果日期与月数小于10,则默认显示为1,2,3,4,5,6,7,8,9 所以日期的格式可能就是2013-9-5。而Input type="date"标签中支持显示的日期格式为2013-09-05,把这个值传给input标签就能够正常显示日期的值了,所以这里要加一个判断,如果月数或者日期数是小于10的,就要在其前面添加数字0构成字符串,这样就能赋值后正常显示了。
var now = new Date();
alert(now.getDate()+'-'+now.getMonth());
//格式化日,如果小于9,前面补0
var day = ("0" + now.getDate()).slice(-2);
//格式化月,如果小于9,前面补0
var month = ("0" + (now.getMonth() + 1)).slice(-2);
//拼装完整日期格式
var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
//完成赋值
$('#createStartTime').val(today);
HTML中INPUT type=date标签如何赋值注意问题相关推荐
- input type=date 赋值
现在的html5 input标签支持type="date" 显示有日期的日历控件,一行简单的代码就能显示出一个日历控件,但是有的时候需要给它一个默认的日期值,这个时候可能就要用到v ...
- input type=“date“
文章目录 问题 原因 解决方法 问题 通过 <input type="date">标签选择时间然后提交到数据库,然后重新获取到值,通过设置value值,但是不能够显示 ...
- html5中如何去掉input type date默认
html5中如何去掉input type date默认样式 2.对日期时间控件的样式进行修改目前WebKit下有如下9个伪元素可以改变日期控件的UI: ::-webkit-datetime-edit ...
- html5手机端设置date,H5 input[type='date'] 优化 pc端和移动端的使用
标签在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, ...
- input type=range标签用法实例代码
在HTML5中,又新增许多新<input>控件类型,比较实用的一个就是<input type="range">,以滑竿的方式来调整value值,在这以前需要 ...
- html range关联文本框,HTML5gt;meter标签与input(type=range)标签结合制作简易范围指示器...
HTML5>meter标签与input(type=range)标签结合制作简易范围指示器 发布时间:2020-03-26 15:41 很多时候我们能看到这样的表示范围的优化工具,能给人带来很好的 ...
- input type=file 标签禁止让用户手动输入
常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到<input type="file"/>控件,在上传文件的时候通过点击"浏览"按钮,在 ...
- 手机端input[type=date]的placeholder不起作用
<div class="input clearfix"><label class="fl">起始日期</label>< ...
- JSP中 input type 用法
JSP中 input type 用法 Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=te ...
最新文章
- 一文读懂简化的图卷积网络GCN(SGC)| ICML 2019
- mac微软雅黑字体_【字体字重】常见设计稿字体对应字重
- windows下db2数据库的卸载
- 宝塔php7.1地址在哪里,宝塔Linux面板安全入口地址忘了(方法一)
- VTK:可视化之LineWidth
- Lucene 基础理论
- The response status was 0. Check out the W3C XMLHttpRequest Level 2 spec for
- 读入一段文本到 vector 对象,每个单词存储为 vector 中的一个元素。把 vector 对象中每个单词转化为大写字母。输出 vector 对象中转化后的元素,每八个单词为一行输出。
- android lable标签,android:label说明
- oracle将字符串的日期格式化,oracle格式化字符串 oracle 怎么把字符串转换成日期...
- jsp中9个内置对象与servlet对应关系及四个作用域
- 少量数据通过Excel表格数据导入server SqlServer查询
- phonegap 总结
- JDE 开发-部分系统函数
- BIM知识 | BIM管线综合原则
- PostgreSQL column cryptographic use pgcrypto extension and optional openssl lib
- android7.1.2 xposed,安卓7.1 xposed框架
- echarts中国地图,省市标注代码
- Rx 和 Tx 是什么
- 迷你世界怎么显示服务器未连接,打开迷你世界提示网络异常或者连接不上
热门文章
- linux系统如何使用fork函数创建子进程
- Python 两大环境管理神器:pyenv 和 virtualenv
- 如何解决在每次开机后运行lcm相关命令会提示需要配置IP的问题
- 再次搬家到自建博客http://www.wikieee.com/blog/leiad/homepage
- 删掉被2345篡改的IE起始页
- 手语识别_使用深度学习进行手语识别
- 387. First Unique Character in a String QuestionEditorial Solution
- mysql 严格模式查看,如何查找和禁用MySQL严格模式?
- 计算机一般的应用课题方向,计算机类哪个方向的课题好立项
- mysql查询并设置高亮_慢查询分析调优工具~mysqldumpslow