获取开始结束日期customRange datepicker angularjs

时间:2017-08-02 11:22:20

标签: javascript jquery angularjs datepicker jquery-ui-datepicker

大家好,我有一个自定义范围来选择angularjs中的一天。当我选择两天(开始和结束)获取值并自动将此数据发送到我的休息api时,我需要一个监听器。

查看:

<div class="form-group col-md-3 mb0" ng-if="timerange == 'custom'" id="customDiv">
                        <div class="row">
                            <label class="col-sm-3 control-label pt7">Custom</label>
                            <div class="col-sm-9">
                                <input type="text" id="customrange" name="customrange" ng-model="parent.customrange" ng-change="applyOptions()" class="form-control" ui-jq="daterangepicker" ui-options="{format: 'YYYY/MM/DD',startDate: '{{startdate}}',endDate: '{{enddate}}', maxDate:'{{enddate}}'}" />                                
                            </div>
                        </div>
                    </div>

当我点击我的范围下拉框时,我选择自定义然后它弹出一个带日期选择器的输入..我需要当我按申请获取数据..我读了很多文档,不能添加一个监听器给这个......我真的需要找到一种方法......

控制器:

var rangeSelector = document.getElementsByTagName('select')[1]; //1h 24h 1w custom                                      
                            if(rangeSelector.value == 'custom'){
                                getDate = controllerScope.getStartEndTimestamps();
                                var datePicker = document.getElementById("customrange").getAttribute('ui-options');

                                var split = datePicker.split(",");

                                var startDate = "";
                                var endDate = "";

                                document.getElemenstByTagName("button")[0].addEventListener("click", function(){ 
                                    alert("I've changed : ");
                                    startDate = split[1].split(': ')[1].replace(/["']/g, '');
                                    endDate = split[2].split(': ')[1].replace(/["']/g, '');
                                });

                                console.log("range selector ",rangeSelector);
                                console.log("startDate ",startDate);
                                console.log("endDate ",endDate);

                                if (startDate !== undefined) {
                                    url += '&startDate='+startDate;
                                }
                                if (endDate !== undefined) {
                                    url += '&endDate='+endDate;
                                }

                            }

日志:

范围选择器...... 的startDate
endDate

问题是警报&#34;我已经改变了#34;不要弹出...有一个简单的方法吗?

enter image description here

0 个答案:

没有答案