0

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

我正在关注这个例子： http: //www.jsviews.com/#samples/tag-controls/datepicker/with-validation

                    <div class="col-md-3">
                        {^{validate enddate
                        required=false
                        ^minday=startdate
                        }}
                        {^{datepicker numberOfMonths=2 /}}
                        {{/validate}}
                    </div>

它工作正常，但如何将自定义 css 设置为 datepicker 标签？我想设置 "class="form-control"" .. 我尝试了以下代码，但它不起作用。

                        {^{validate startdate
                        required=false
                        ^maxday=enddate class="form-control"
                        }}
                        {^{datepicker numberOfMonths=2 class='form-control'/}}
                        {{/validate}}

我也在尝试几种不同的方法。由于 jsviews datepicker 正在使用 jquery ui 和验证，我也在看这篇文章How to add a custom class to my JQuery UI Datepicker ..

到目前为止，我还无法将自定义 css 标记设置为{^{datepicker。我会继续寻找，但如果你知道如何做到这一点，请告诉我。谢谢！

4

1 回答 1

1

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

请参阅此示例http://www.jsviews.com/#samples/tag-controls/datepicker/variants。

所以你可以写：

标记语法

{^{datepicker .../}}

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

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

标记语法，包装 div 元素：

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

在您的情况下，您还包装了 validate 标记，因此您可以编写：

{^{validate endDate required=true ^minday=startDate}}
  {^{datepicker numberOfMonths=2}}
    <input class="form-control"/>
  {{/datepicker}}
{{/validate}}
于 2014-10-05T19:59:31.583 回答