如何在jQuery过滤器中设置日期的默认值

时间:2018-06-29 11:22:09

标签: javascript php jquery html

我正在使用JQuery从我正在使用datetimepicker进行过滤的数据库中显示表。

我正在尝试将过滤器的默认值设置为当天。
因此,默认情况下,它仅应显示我当天的数据。

我已经尝试了很多,并在这里搜索了许多问题,但这并没有真正帮助我。

我尝试将JS设置为defaultDate,并尝试在初始化后使用变量进行设置。

目前,它已将所有数据加载到数据库中,这需要一点时间,所以我想将其更改为这种方式。

my filters

HTML

<div class='input-group date' id='datepicker1' style="width: 220px;">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
        nach Datum
    </span>
    <input type='text' id="filterdatum" name="datum" value="{FILTERDATUMDEUTSCH}" class="form-control" />
</div>

JS

$(document).ready(function() {    

$('#datetimepickerzeit').datetimepicker({
    locale: 'de',
    format: 'DD.MM.YYYY HH:mm:ss'
});
// Datum filtern
$('#datepicker1').datetimepicker({
    locale: 'de',
    format: 'D.M.YYYY'
});
$('#datepicker1').on('dp.show', function () {
    $('#datepicker1').on('dp.change', function () {
        window.location = "?module=ausschuss&action=showtable&filterdate=" + $('#datepicker1').data("DateTimePicker").date().format('YYYY-MM-DD');
    });
});

1 个答案:

答案 0 :(得分:1)

我会尝试两件事。首先,请确保您在脚本块上方具有指向jQuery的链接。使用Google的副本或本地副本:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

如果这不起作用,接下来尝试用jQuery替换Java代码中$的所有实例:

jQuery(function(){ 
 jQuery('#id1').daterangepicker({
    defaultDate: new Date(),
    arrows:true,
    onChange: function(){
       jQuery('#frmDate').submit()
    },
 });
});

您还可以在代码中尝试defaultDate:new Date()。