jquery ui datepicker ..我可以让它静态吗?

时间:2012-02-09 19:48:10

标签: jquery jquery-ui calendar datepicker

这是一个简单的问题。

我想创建一个没有任何可选日期的内联日历。我希望通过预设的隐藏输入字段选择日期。我应该使用datepicker插件吗?这似乎是错误的使用,因为我并没有真正做任何挑选..

任何人都有这个exp。只需要制作一个静态日历。

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePicker.html

类似的东西,但没有日期或月份可供选择。

2 个答案:

答案 0 :(得分:4)

是您可以使用它来制作静态日历(但如果您已经使用了一些jquery ui功能,则最好,因此下载时不需要额外的js。)

您可以使用两个选项:

  1. 内联(将在行中显示datepicker日历)
  2. $('#datepicker').datepicker({inline: true});
    
    1. 禁用(将禁用日历)
    2.   

      $('#datepicker')。datepicker({disabled:true});

      完整代码(正常工作)

      <head>
      <script type="text/javascript">
      $(document).ready(function(){
      var staticDate = $("#static_date").val();
      $('#datepicker').datepicker({
      inline: true,
      disabled: true,
      defaultDate: staticDate
      });
      });
      </script>
      </head>
      <body>
      <input type="hidden" id="static_date" value="01/01/2012" />
      <div id="datepicker"></div>
      </body>
      

      你可以看到,datepicker被限制为div而不是textfield。 正文中的第一行是您可以定义静态日期的位置。请记住也使用也在datepicker中设置的格式。

答案 1 :(得分:0)

考虑到jqueryui的额外下载时间,我建议不要使用jqueryui并在页面上静态显示禁用的datepicker。如果日历不是太复杂,有更好的PHP库来输出日历,甚至只是自己打印出来。