Question

我刚刚发现了CTK日期时间选择器，但是我只能运行日期时间选择器。我在文档中找不到如何运行范围日期选择器

这是该组件的简单代码：

<div id="app">
  <vue-ctk-date-time-picker 
  label="Hello World!" 
  v-model="date" 

 id=RangeDatePicker
  label="Select date Range"
  format='YYYY-MM-DD'
  formatted='ll'
  range=true
   only-date=true
    dark="false">


  </vue-ctk-date-time-picker>

</div>

距离日期纠察队示例：

https://chronotruck.github.io/vue-ctk-date-time-picker/

文档：

https://github.com/chronotruck/vue-ctk-date-time-picker

如果有人使用CTK日期选择器，可以提供帮助。那会很好。谢谢。

Answer 1

这是一个可行的例子。范围自动仅显示日期，格式参数控制所选的日期格式，在这种情况下：

{“开始”：“ 20191202”，“结束”：“ 20191211”}

我发现日期选择器是最灵活和可定制的。我将日期和时间都用到它。当单选按钮选择“范围”选项时，我隐藏并显示该实例时，它是内联的。

请注意每个属性前面的冒号和字符串属性值的双引号内的单引号。

希望这对您有所帮助。

          <vue-ctk-date-time-picker
            v-model="dateRange"
            :inline="true"
            :range="true"
            :color="'var(--C_TRUEGREEN)'"
            :custom-shortcuts="shortcuts"
            :format="'YYYYMMDD'"
            :formatted="'MM/DD/YYYY'"
            :label="'Select date'"
          >
          </vue-ctk-date-time-picker>

Vue.js和CTK范围时间选择器。怎么运行的？

1 个答案: