Click here to Skip to main content
15,892,737 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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:

C#
/**
 * 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')
});
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900