代码之家 › 专栏 › 技术社区 › Sal

Flatpickr清除按钮

flatpickr time jquery javascript

Sal · 技术社区 · 7 年前

我正在加载flatpickr,使用以下命令:

<script type="text/javascript">
jQuery(document).ready(function($){
    $('#Mydatetime').flatpickr({
        altInput: true,
        altFormat: "M j, Y @ H:i",
        enableTime: true,
        dateFormat: 'Y-m-d\\TH:i'
    });
});

<input type="text" id="Mydatetime" class="MyDate" name="my_expire_date" value="' . $variable . '"/>

变量只是我的datetime。它的工作,但我想添加一个明确的按钮类似于 this . 不管我做什么按钮都不能清除日期。

例如:

<a class="input-button" title="clear" data-clear>
    <i class="icon-close"></i>
</a>

看起来很直截了当,但我明显漏掉了什么。有没有人能让这些关闭按钮正常工作?

1 回复 | 直到 7 年前

Abdul Rehman 6 年前

@Ayxan的回答是不对的,它正在做的是创建一个flatpickr的新实例并调用 clear()

使用以下方法:

const $flatpickr = $("#flatpickr_id").flatpickr();

$("#some_button_id").click(function() {
   $flatpickr.clear();
})

Ayxan ÆmiraslanlÄ± 7 年前

只需将此按钮添加到HTML:

<button class="clear_button" title="clear" data-clear>
Clear
</button>

并将此代码添加到“document ready”函数的内部

  $(".clear_button").click(function() {
    $('#Mydatetime').flatpickr().clear();
  })

下面是一个工作示例: https://codepen.io/anon/pen/pxKOGP

John Saman 5 年前

$(function() {
  $(".input_button").click(function() {
    $('#Mydatetime')[0]._flatpickr.clear();
  });
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前