POST Ember DatePicker [英] 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屋！