Question

对于那些已经熟悉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标签？我想设置＆＃34; class =＆＃34; form-control＆＃34;＆＃34; ..我尝试了以下代码，但它没有用。

                        {^{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。我会继续寻找，但如果你知道如何做，请告诉我。谢谢！

Answer 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}}

如何在jsviews中将css设置为自定义标记（datepicker）？

1 个答案: