Javascript 如何在JSView中将css设置为自定义标记（日期选择器）？

对于那些已经熟悉JSView的人来说，这可能是一个简单的问题。我花了一个多小时才弄明白如何将CSS类设置/附加到datepicket标记

我举这个例子：

我也在尝试几种不同的方法。。由于jsviews datepicker正在使用jquery ui和验证，我也在看这篇文章

---

到目前为止，我还无法将自定义css标记设置为

{^{datepicker

。我将继续查找，但如果您知道如何执行此操作，请告诉我。谢谢！

JsViews包装HTML元素的标记通常允许您选择以声明方式提供元素（作为标记包装的HTML标记）-如果您这样做了，那么您可以简单地向包装的元素添加一个类属性。您不需要编写任何脚本代码

看看这个例子

所以你可以写：

标记语法

{^{datepicker .../}}

标记语法，包装输入元素：

  {^{datepicker ...}}
      <input ... [class="foo"] />
  {^{/datepicker}}

{^{datepicker…}
{^{/datepicker}}

标记语法，包装div元素：

  {^{datepicker ...}}
      <div ...[class="foo"] > ... </div>
  {^{/datepicker}}

{^{datepicker…}
... 
{^{/datepicker}}

在本例中，您还将包装在validate标记中，以便可以编写：

{^{validate endDate required=true ^minday=startDate}}
  {^{datepicker numberOfMonths=2}}
    <input class="form-control"/>
  {{/datepicker}}
{{/validate}}

{validate endDate required=true^minday=startDate}
{^{datepicker numberOfMonths=2}
{{/datepicker}
{{/validate}

  {^{datepicker ...}}
      <div ...[class="foo"] > ... </div>
  {^{/datepicker}}

{^{validate endDate required=true ^minday=startDate}}
  {^{datepicker numberOfMonths=2}}
    <input class="form-control"/>
  {{/datepicker}}
{{/validate}}