我的代码取自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编辑器中传输时,将其保存为samplesate.html,并在我的Chrome浏览器中运行它,它不起作用。可能是什么问题?
答案 0 :(得分:2)
如果您在框架下的左侧窗格中查看,JsFiddle会自动引用JQuery,但是在您的页面中您必须明确引用它。
您需要在脚本标记之前在head标记中添加对jquery的脚本引用:
<script src="http://code.jquery.com/jquery-1.10.2.min.js">