使用JS的日期不起作用

时间:2014-01-02 02:53:58

标签: javascript html

我的代码取自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浏览器中运行它,它不起作用。可能是什么问题?

1 个答案:

答案 0 :(得分:2)

如果您在框架下的左侧窗格中查看,JsFiddle会自动引用JQuery,但是在您的页面中您必须明确引用它。

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

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