如何在jsviews中将css设置为自定义标记(日期选择器）

How to set css to custom tag (datepicker) in jsviews?

本文关键字：日期 选择器 自定义 jsviews 中将 设置 css      更新时间：2023-09-26

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

我以这个例子为例：http://www.jsviews.com/#samples/tag-控件/日期选择器/带验证

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

它工作得很好，但如何将自定义css设置为日期选择器标记？我想设置"class="表单控件"。。我尝试了以下代码，但它不起作用。

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

我也在尝试几种不同的方法。。由于jsviews日期选择器正在使用jquery ui和验证，我也在看这篇文章。如何将自定义类添加到我的jquery ui日期选择器中。。

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

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

参见此示例http://www.jsviews.com/#samples/tag-控件/日期选择器/变体。

所以你可以写：

标签语法

{^{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}}
相关文章：