在jquery中声明if语句来显示日期或不显示日期

Declaring an if statement in jquery to show date or not

本文关键字:显示 日期 语句 jquery 声明 if      更新时间:2023-09-26

我在一个页面上有三个动态呈现的输入字段,并使用类.datepicker

我使用这个jquery来显示基于类的每个输入上的kendoDatePicker。

$(document).ready(function ()
{
    $(".datepicker").kendoDatePicker({
        value:new Date()
    });
    $(".datetimepicker").kendoDateTimePicker({
        value:new Date()
    });
});

我需要实现的是这样的东西:

如果输入有默认值则不使用value:new Date()如果输入没有默认值则使用value:new Date()

基本上,我需要三个输入来呈现datetimepicker,但如果它们在呈现时没有值,则只包含默认值date。

可以遍历这些元素,对于每个元素:

  1. 获取当前值
  2. 指定日期选择器
  3. 使用当前值或new Date()(如果为空)作为默认值

可能是这样的:

$(function() {
    $(".datepicker").each(function() {
        var currentValue = $(this).val();
        $(this).kendoDatePicker({
            value: currentValue == '' ? new Date() : currentValue
        });
    });
    $(".datetimepicker").each(function() { 
        var currentValue = $(this).val();
        $(this).kendoDateTimePicker({
            value: currentValue == '' ? new Date() : currentValue
        });
    });
});