我有一个来自 here 的代码并进行了一些修改:
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
function DateFromString(str){
str = str.split(/\D+/);
str = new Date(str[0],str[1]-1,(parseInt(str[2])+1));
return MMDDYYYY(str);
}
function MMDDYYYY(str) {
var ndateArr = str.toString().split(' ');
var Months = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec';
return (parseInt(Months.indexOf(ndateArr[1])/4)+1)+'/'+ndateArr[2]+'/'+ndateArr[3];
}
function Add7Days() {
var date = $('#start_date').val();
var ndate = DateFromString(date);
return ndate;
}
$('#start_date').change(function(){
$('#end_date').val(Add7Days());
});
});
</script>
</head>
<body>
Start Date
<input type="date" id="start_date" value=''>
<br>
End date
<input type="text" id="end_date" value=''>
</body> </html>
来自here ,效果非常好。但是当在我自己的sublime编辑器中转入,保存为sampledate.html,并在我的chrome浏览器中运行时,它不起作用。可能是什么问题?
最佳答案
如果您查看“框架”下的左侧 Pane ,JsFiddle 会自动引用 JQuery,但是在您的页面中您必须显式引用它。
您需要在 head 标记中的 script 标记之前添加对 jquery 的脚本引用:
<script src="http://code.jquery.com/jquery-1.10.2.min.js">
关于javascript - 日期与 JS 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20875628/