玉模板中的日期选择器

Posted 2023-03-08

【中文标题】玉模板中的日期选择器

【英文标题】：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) 行下面？

【参考方案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() 似乎已经被更广泛地使用了，尤其是在骨干网等领域。