javascript怎么操作type=date的input,使得input显示的内容是我设定的时间。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript怎么操作type=date的input,使得input显示的内容是我设定的时间。相关的知识,希望对你有一定的参考价值。

input_element.value = XXX;好像行不通.举个例子。<input type="date" id="my_date">
我有一个time,它是date类型的,它的值是 Wed Jul 03 2013 18:54:00 GMT+0800 (中国标准时间),我要的效果是这样的

在js中设置自定义时间到date控件的方法:

1、在html5中定义时间控件

<input type="date" id="datePicker"  value=""/>

2、编写脚本实现自定义时间的赋值

//创建一个当前日期对象

var now = new Date();

//格式化日,如果小于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) ;

//完成赋值
$('#datePicker').val(today);

3、运行结果:

参考技术A 可以使用jquery这样:
html部分:<input type="input" id="my_date">
js代码:
var yourTime=xxxx/xx/xx;你设定的时间(建议用js时间格式化函数)
$("#my_date").attr('value',yourTime);本回答被提问者采纳
参考技术B input控制的属性只有: button,radio,checkbox,submit,reset等
没有你想要的date, 在表单中是无法初始化输入类型的,只有通过JS进行格式化输入格式,建议你使用JS日期控制实现时间输入。
可以参考:http://www.open-open.com/ajax/DatePicker.htm
参考技术C

注意:日和月必须是两位数的才能行:

<input type='date' value='' id='input'>

<script>
let input = document.getElementById('input');
let oDate = new Date();
let month = oDate.getMonth() + 1;
if (month.toString().length === 1) 
    month = '0' + month.toString();

let day = oDate.getDate();
if (day.toString().length === 1) 
    day = '0' + day.toString();

input.value = `$oDate.getFullYear()-$month-$day`;
</script>

参考技术D <input type="date" value="2014-05-18"/>

javascript 从Date中获取星期几

假如我使用一个日期来实例了一个Date
要怎么从这个Date中获取这个日期是星期几啊

通过getDay() 方法,可返回表示星期的某一天的数字。

星期中的某一天,使用本地时间。返回值是 0(周日) 到 6(周六) 之间的一个整数。

示例:

<script type="text/javascript">
var d=new Date()
var weekday=new Array(7)
weekday[0]="星期天"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.write("Today it is " + weekday[d.getDay()])//返回当前时间是星期几
</script>

参考技术A var mydate=new Date();
var myweekday=mydate.getDay();
var weekday = "";
if(myweekday == 0)
weekday=" 星期日";
else if(myweekday == 1)
weekday=" 星期一";
else if(myweekday == 2)
weekday=" 星期二";
else if(myweekday == 3)
weekday=" 星期三";
else if(myweekday == 4)
weekday=" 星期四";
else if(myweekday == 5)
weekday=" 星期五";
else if(myweekday == 6)
weekday=" 星期六";
参考技术B getDay()本回答被提问者采纳

以上是关于javascript怎么操作type=date的input,使得input显示的内容是我设定的时间。的主要内容,如果未能解决你的问题,请参考以下文章

来自 <input type=date> 的 JavaScript 日期对象

javascript 从Date中获取星期几

在浏览器支持不可用的情况下,为 input type="date" 添加 javascript 回退

nodejs怎么将8:30转化为date类型

时间h5的date的原生样式怎么更改

怎样在MySQL中操作日期