使用JS的日期不起作用

Question

我从这里中提取了一个代码，并对其进行了一些修改：

<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>

从这里，它是非常有效的。但是，当在我自己的高级编辑器中传输，保存为sampledate.html，并在我的铬浏览器中运行它时，它就不能工作了。有什么问题吗？

Answer 1

如果在框架下查看左窗格，JsFiddle会自动引用JQuery，但是在页面中必须显式引用它。

您需要在脚本标记之前在head标记中添加对jquery的脚本引用：

<script src="http://code.jquery.com/jquery-1.10.2.min.js">