Question

我的网站上有两个日期选择器，我想知道如果用户点击＆＃34;提交＆＃34;后如何获得所选日期，并将用户发送到带有datepicker＆的页面＃39;其中的数据如下：

public class A {
    protected void doCheck(stuff) throw CommonException, A1Exception{
        if(stuff==1){
            throw new A1Exception(stuff);
        }
        throw new CommonException(stuff);
    }
    public void invokeAstuff(stuff) throw CommonException, A1Exception{
        doCheck(stuff);
    }
}
public class B {
    protected void doCheck(stuff) throw CommonException, B1Exception{
        if(stuff==1){
            throw new B1Exception(stuff);
        }
        throw new CommonException(stuff);
    }
    public void invokeBstuff(stuff, otherStuff) throw CommonException, B1Exception{
        doCheck(stuff);
    }
}

简而言之，我需要获取数据并将其放在＆＃34; =＆＃34;之后。在网址中，然后自动将用户发送到此网址。

我该怎么办呢？

Answer 1

您可以使用datepicker onSelect 事件jsfiddle.net/bharatsing/Lhpnctgv/2/

尝试此代码

<label>Start</label>
<input type="text" id="btnStart" class="jsDate" />
<br/>
<label>End</label>
<input type="text" id="btnEnd" class="jsDate" />


$(".jsDate").datepicker({
    onSelect: function(dateText, inst) {    
        var date = $(this).val();

        if($("#btnStart").val()!="" && $("#btnEnd").val()!=""){
            var url='www.url.com/start='+$("#btnStart").val()+'&end='+$("#btnEnd").val();
            alert(url);
        }
    }
});

Answer 2

你可以这样使用

https://jsfiddle.net/shantaram/qhob15fw/

＆＃13;

$(function(){
    
    $('.thedate').datepicker({
        dateFormat: 'yy-dd-mm',//2017-01-29
    });
    
});
$('#id-submit').click( function(e){
    e.preventDefault();
    var url = "www.url.com/?";//start=2017-01-28&end=2017-01-29
    url += "start="+ $("#id-start").val() + "&end=" + $("#id-end").val();
    alert(url);
})

＆＃13;

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>


First Date :
<input id="id-start" class="thedate" type="text" />
<br />Last Date :
<input id="id-end" class="thedate" type="text" />
<br />
<form>
  <input id="id-submit" type="button" value="Submit" />
</form>

＆＃13;

Answer 3

所以这就是我尝试的但是点击似乎没有启动警报：

 $(function(){

 $('.jsdate').datepicker({
    dateFormat: 'yy-dd-mm',//2017-01-29
    altField: '#thealtdate',

});

});
$('.button1').click( function(e){
e.preventDefault();
var url = 
"https://www.url.com/etc.";
url += "&startdate="+ $("#id-start").val() + 
"&enddate=" + $("#id- end").val();
alert(url);
})</script>
<div class="date">
<p>Arrivée:<a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>   
<input type="text" id="id-start" class="jsdate"></p>
<p></p>
<p>Départ:&nbsp;&nbsp; <input type="text" id="id-End" class="jsdate"></p>
<p>
<input class="button1" type="button" value="Submit" /></p>

什么是“altfield：#thealtdate”？

Answer 4

每次更改日期时，我都会创建一个名为handleFilterEvent的方法，它将使用开始日期和结束日期参数来触发该方法。然后，它将创建一个包含开始日期和结束日期的URL，最后将重定向到新URL。

             $(document).ready(function(){
                $('.daterange-btn').daterangepicker(
                    {
                        ranges   : {
                            'Today'       : [moment(), moment()],
                            'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                            'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
                            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                            'This Month'  : [moment().startOf('month'), moment().endOf('month')],
                            'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                        },
                        startDate: moment().subtract(29, 'days'),
                        endDate  : moment(),
                    },
                    function (start, end) {
                        $('.daterange-btn').find('span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
                        handleFilterEvent(start,end);
                    }
                )
                function handleFilterEvent(startDate = null,endDate = null){
                    var url = "https://www.google.com"+'?';
                    var startDate = startDate ? startDate.format('YYYY-MM-DD') : '';
                    var endDate = endDate ? endDate.format('YYYY-MM-DD') : '';
                    var params = {};
                    if(startDate && endDate){
                        params.start_date =  startDate;
                        params.end_date =  endDate;
                    }
                    url+= jQuery.param( params );
                    location.href = url;
                }
            });

从Datepicker获取数据并将其发送到URL

4 个答案: