玉模板中的日期选择器答案

【问题标题】：datepicker in jade template玉模板中的日期选择器
【发布时间】：2011-11-26 06:36:05
【问题描述】：

我是 Jade 和 express 的新手，需要将 jquery UI 中的 datepicker 添加到我的一个分层弹出窗口中。我已经尝试了带有 onload 的内联脚本和标头 javascript，但没有任何运气。

script(src='/javascripts/jquery-1.4.4.js')
script(src='/javascripts/jquery-ui.js')
script(type='text/javascript')
   function initDate() {
   $('#mdate').datepicker({dateFormat: 'yyyy-mm-dd'});
}

input(type='text', name='mdate', id='mdate')

任何建议或帮助将不胜感激。谢谢

【问题讨论】：

您确实意识到$('#mdate') 并不表示具有名称 mdate 的那个人，对吗？您需要将该元素的 id 设置为 mdate ...
nope..有没有办法可以把这个 datepicker 脚本放在 (inpu) 行下面？

标签： javascript jquery jquery-ui node.js pug

【解决方案1】：

试试这个代码

script(src='/javascripts/jquery-1.4.4.js')
script(src='/javascripts/jquery-ui.js')
script(type='text/javascript')
   $(function(){
       function initDate() {
          $('#mdate').datepicker({dateFormat: 'yyyy-mm-dd'});
       }
   });

input(type='text', name='mdate', id='mdate')

我所做的只是告诉页面等到它准备好后再应用日期选择器

【讨论】：

大声笑，我不敢相信我错过了 $(function() {... before.
我得说我还是不喜欢那种语法，我更喜欢$(document).ready(
和我一样，但是 $(function(){ 似乎已经被更广泛地使用了，尤其是在骨干网等领域。