javascript - Jade 中的日期选择器

Question

我一直试图让日期选择器使用 Jade 工作。框架是 node.js 和 express。

我像这样在 index.jade 中加载 javascripts：

link(type='text/css', href='css/ui-lightness/jquery-ui-1.9.1.custom.min.css',  rel='stylesheet')
script(src='js/jquery-1.8.2.js', type='text/javascript')
script(src='js/jquery-ui-1.9.1.custom.min.js', type='text/javascript')
script(src='js/i18n/jquery-ui-i18n.min.js', type='text/javascript')

我已经尝试了几种在下面的代码中使用这些 javascripts 的方法，但一定有一些我遗漏的东西。我在同一个地方找到了这些代码行，我找到了对 jQuery 库的引用：

$(function(){
 $.datepicker.setDefaults(
 $.extend($.datepicker.regional[""])
 );
 $("#datepicker").datepicker();
});

我如何在 Jade 中表达或使用它？

感谢您的任何回答。

Answer 1

这应该可以作为您的模板（假设您安装了 css/js 文件并且可以正确加载它们）：

!!!5
html
  head
    link(type='text/css', href='css/ui-lightness/jquery-ui-1.9.1.custom.min.css',  rel='stylesheet')
    script(src='js/jquery-1.8.2.js', type='text/javascript')
    script(src='js/jquery-ui-1.9.1.custom.min.js', type='text/javascript')
    script(src='js/i18n/jquery-ui-i18n.min.js', type='text/javascript')
    script
      $(function() {
        $.datepicker.setDefaults(
          $.extend($.datepicker.regional[""])
        );
        $("#datepicker").datepicker();
      });
  body
    #datepicker