Question

这是我的整个代码..有错误..点击文本框时没有打开日期时间选择器..

      <script src="/jquery.js"></script>
       <script src="/jquery.datetimepicker.js"></script>

          <script>
         jQuery('#datetimepicker').datetimepicker();
          </script>
       <input id="datetimepicker" type="text" >

这是我的js .....

             jQuery('#datetimepicker1').datetimepicker({
                lang:'de',
                 i18n:{
                  de:{
                 months:[
            'Januar','Februar','März','April',
               'Mai','Juni','Juli','August',
           'September','Oktober','November','Dezember',
            ],
              dayOfWeek:[
            "So.", "Mo", "Di", "Mi", 
           "Do", "Fr", "Sa.",
            ]
                   }
                  },
           timepicker:false,
             format:'d.m.Y'
                 });

Answer 1

首先，您需要确保正确包含 jquery.datetimepicker.js 和 jquery.datetimepicker.css 。如果没有，你可以从DateTimePicker Git Repo获得它。

现在继续讨论你的问题，你正在两次初始化datetimepicker。

首先使用，

 jQuery('#datetimepicker').datetimepicker();

其次使用，

jQuery('#datetimepicker1').datetimepicker({
                lang:'de',
                 i18n:{
                  de:{
                 months:[
            'Januar','Februar','März','April',
               'Mai','Juni','Juli','August',
           'September','Oktober','November','Dezember',
            ],
              dayOfWeek:[
            "So.", "Mo", "Di", "Mi", 
           "Do", "Fr", "Sa.",
            ]
                   }
                  },
           timepicker:false,
             format:'d.m.Y'
                 });

在后一种情况下，您使用了错误的选择器ID ，即datetimepicker1。

所以转到解决方案，使用一个初始化实例和内部文档准备就绪，

    $(function(){
        $('#datetimepicker').datetimepicker({
                     ........
                     // options here
                     .........
         });});

而且，这是Working Demo JsFiddle

P.S

在使用插件之前，请阅读文档here。它不是jquery-ui的一部分。

如果问题仍然存在，请尝试使用较新版本的jQuery。

Answer 2

您正在引用

id="datetimepicker1"

但是输入

id="datetimepicker".

尝试像这样包装你的代码。

  $(document).ready(function() {
      $('#datetimepicker').datetimepicker(); 
    });

日期时间选择器不起作用

2 个答案:

而且，这是Working Demo JsFiddle