javascript - 日期与 JS 不起作用

标签 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编辑器中转入,保存为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/

相关文章:

javascript - 如何以 Angular 从数组中获取唯一行

javascript - JavaScript 中的 Onclick 事件

html - 在较小的窗口上打开时没有滚动条

javascript - 如何在 html 中制作简单的迷你 map

javascript - 背景图像在 ie8 中不起作用?

javascript - 每天为每个新用户运行一次 javascript 函数

javascript - onclick() 在表中不起作用

php - Symfony2- Twig : HTML <optgroup> Tag

python - 查找字符串中所有 HTML 和非 HTML 编码的 URL

javascript - 如何在 React 应用程序中处理订阅