POST Ember DatePicker [英] POST Ember DatePicker

查看:58
本文介绍了POST Ember DatePicker的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

嘿伙计们,我正在研究一个由Ember调用的ASP.NET Web API,我想将一个表单的信息发布到API,POST方法正常工作,因为我已经测试了问题是我需要从DatePicker发送信息,我不知道我应该怎么做,因为Json不接受日期的格式...任何提示?



DateTime-Picker代码:



Hey guys, I'm working on an ASP.NET Web API that's called by Ember, the thing is I want to post the info of a form to the API, the POST method is working seen as I've tested the problem is I need to send info from a DatePicker and I don't know how I should do that seen as the format the dates have are not accepted by Json... any tips?

DateTime-Picker code:

/**
 * Ember Datetime picker component based on Eonasdan
 * boostrap datetime picker
 * https://github.com/Eonasdan/bootstrap-datetimepicker
 */
App.DatetimePickerComponent = Ember.Component.extend({
    pickerWrapper: null,
    pickerData: null,
    classNames: ['input-small'],
    format: "DD/MM/YYYY HH:mm",
    placeholder: Ember.computed.alias('format'),
    iconOnRight: true,

    /**
     * Create function */
    didInsertElement: function () {
        var self = this;
        var format = this.get('format');

        var pickerWrapper = this.$().datetimepicker({
            format: format
        });
        this.set('pickerWrapper', pickerWrapper);

        var pickerData = pickerWrapper.data("DateTimePicker");
        this.set('pickerData', pickerData);
        console.log(pickerData);
        if (this.get('datetime'))
            pickerData.setDate(this.get('datetime'));

        pickerWrapper.on('dp.change', function (ev) {
            //self.sendAction('action', ev.format());
            self.set('datetime', ev.date);
        });

    },

    datetimeChanged: function () {
        // get model datetime
        var modelDatetime = this.get('datetime');
        // get picker datetime
        var picker = this.get('pickerData');
        var pickerDatetime = picker.getDate();
        // if not the same the overwrite model over picker
        if (modelDatetime != pickerDatetime) {
            picker.setDate(modelDatetime);
        }

        var event = new Date();
        var arrival = new Date();
        var departure = new Date();
        var departureFlight = new Date();
        var returnFlight = new Date();

        event = $('#eventStart').data('date');
        arrival = $('#arrival').data('date');
        departure = $('#departure').data('date');
        departureFlight = $('flDeparture').data('date');
        returnFlight = $('flReturn').data('date');

        if (arrival < event) {
            alert("Arrival date must be after the event!");
        }
        if (departure > event) {
            alert("Departure date must be before the event!");
        }
        if (returnFlight < departureFlight) {
            alert("Return flight must be after flight departure");
        }
    }.observes('datetime')
});

推荐答案

()。datetimepicker({
格式:格式
});
set ' pickerWrapper',pickerWrapper);

var pickerData = pickerWrapper.data( 的DateTimePicker);
set ' pickerData',pickerData);
console.log(pickerData);
if this get ' datetime'))
pickerData.setDate(获取' 日期时间));

pickerWrapper.on(' dp.change',function(ev) {
// self.sendAction('action',ev.format());
self。 set ' datetime',ev.date);
});

},

datetimeChanged:function(){
// get model datetime
var modelDatetime = this get ' datetime');
// 获取选择器日期时间
var picker = this get ' pickerData');
var pickerDatetime = picker.getDate();
// 如果不是相同的选择器覆盖模型
if (modelDatetime!= pickerDatetime){
picker.setDate(modelDatetime);
}

var event = new Date();
var arrival = new Date();
var departure = new Date();
var departureFlight = new Date();
var returnFlight = new Date();

event =
().datetimepicker({ format: format }); this.set('pickerWrapper', pickerWrapper); var pickerData = pickerWrapper.data("DateTimePicker"); this.set('pickerData', pickerData); console.log(pickerData); if (this.get('datetime')) pickerData.setDate(this.get('datetime')); pickerWrapper.on('dp.change', function (ev) { //self.sendAction('action', ev.format()); self.set('datetime', ev.date); }); }, datetimeChanged: function () { // get model datetime var modelDatetime = this.get('datetime'); // get picker datetime var picker = this.get('pickerData'); var pickerDatetime = picker.getDate(); // if not the same the overwrite model over picker if (modelDatetime != pickerDatetime) { picker.setDate(modelDatetime); } var event = new Date(); var arrival = new Date(); var departure = new Date(); var departureFlight = new Date(); var returnFlight = new Date(); event =


' #eventStart')。data(' date'< /跨度>);
到达=
('#eventStart').data('date'); arrival =


' #arrival' ).data(' date');
departure =
('#arrival').data('date'); departure =


这篇关于POST Ember DatePicker的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆