{"id":26,"date":"2013-06-18T11:37:00","date_gmt":"2013-06-18T11:37:00","guid":{"rendered":"https:\/\/wdev-blog.azurewebsites.net\/index.php\/2013\/06\/18\/passing-date-parametere-from-javascript-to-wcf\/"},"modified":"2013-06-18T11:37:00","modified_gmt":"2013-06-18T11:37:00","slug":"passing-date-parametere-from-javascript-to-wcf","status":"publish","type":"post","link":"http:\/\/panahy.nl\/index.php\/2013\/06\/18\/passing-date-parametere-from-javascript-to-wcf\/","title":{"rendered":"Passing Date parametere from Javascript to WCF"},"content":{"rendered":"

Having a service method that accepts two parameters will look like this:<\/p>\n

[DataContract()]
<\/span>public<\/span> <\/span>class<\/span> ServiceRequest
{
    [DataMember()]
    Nullable<DateTime> DateTimeFrom { <\/span>get<\/span>; <\/span>set<\/span>; }
    [DataMember()]
    Nullable<DateTime> DateTimeTo { <\/span>get<\/span>; <\/span>set<\/span>; }
}

[ServiceContract()]
<\/span>public<\/span> <\/span>interface<\/span> IService
{
    [WebInvoke(UriTemplate = <\/span>\"getServiceCall\"<\/span>, Method = <\/span>\"POST\"<\/span>)]
    ServResponse GetBusinessObjects(ServiceRequest filter);
}<\/span><\/pre>\n
Now, To start calling this method we need to construct a Json data representing the parameters.<\/p>\n
      var fromDate = new Date(2013, 06, 18);
      var toDate = new Date();

      var datavar = {
            DateTimeFrom: fromDate.toMSJSON(),
            DateTimeTo: toDate.toMSJSON()
      };
      var parameters = JSON.stringify(datavar); 
<\/pre>\n
But, before calling the toMSJSON<\/b> on date object we need to define it as follows: <\/p>\n
<\/p>\n
\/\/ Let Date type be compatible for Microsoft WCF<\/span>
Date.prototype.toMSJSON = function () {
<\/span>\/\/\/ <summary><\/span>Let Date type be compatible for Microsoft WCF.<\/span><\/b><\/b><\/summary><\/span><\/b><\/b><\/span><\/b><\/b><\/pre>\n
var date = <\/span>‘\/Date(‘<\/span> + <\/span>this<\/span>.getTime() <\/span> + <\/span>‘-0000)\/’<\/span>;<\/span><\/p>\n
};<\/span><\/b>

<\/h3>

Getting DateTime from WCF<\/b><\/h3>
\/\/ convert WCF date to Javascript<\/span>
String.prototype.DateWCF = function () {
    <\/span>\/\/\/<\/span> <\/span><summary><\/span>convert string into Date<\/span><\/summary><\/span>
<\/span>    var matches = <\/span>this<\/span>.match(\/\/Date(([<\/span>0<\/span>-<\/span>9<\/span>]+)(?:.*))<\/span>\/\/);<\/span>
    <\/span>if<\/span> (matches)
        <\/span>return<\/span> <\/span>new<\/span> Date(parseInt(matches[<\/span>1<\/span>]));
};<\/span><\/pre>\n
<\/b><\/p>\n
Notice that when you use a date in javascript it is representing your local date based on the settings on your systemn and browser. As a result you might pass different notation to WCF. For example, my broweser has an timezone offset of -120 minutes. So when I ask to convert 06\/20\/2013 02:10:04 I see 2013-06-20T00:10:04.000Z which is perfectly normal because that represents the same exact time as I meant on my browser. Thus WCF will get the correct date aswell.<\/b><\/pre>\n","protected":false},"excerpt":{"rendered":"
Having a service method that accepts two parameters will look like this: [DataContract()]public class ServiceRequest{ [DataMember()] Nullable<DateTime> DateTimeFrom { get; set; } [DataMember()] Nullable<DateTime> DateTimeTo { get; set; }}[ServiceContract()]public interface IService{ [WebInvoke(UriTemplate = “getServiceCall”, Method = “POST”)] ServResponse GetBusinessObjects(ServiceRequest filter);} Now, To start calling this method we need to construct a Json data representing the … Continue reading “Passing Date parametere from Javascript to WCF”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19,18,20],"tags":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"Pouya Panahy","author_link":"http:\/\/panahy.nl\/index.php\/author\/pouya\/"},"uagb_comment_info":0,"uagb_excerpt":"Having a service method that accepts two parameters will look like this: [DataContract()]public class ServiceRequest{ [DataMember()] Nullable<DateTime> DateTimeFrom { get; set; } [DataMember()] Nullable<DateTime> DateTimeTo { get; set; }}[ServiceContract()]public interface IService{ [WebInvoke(UriTemplate = \"getServiceCall\", Method = \"POST\")] ServResponse GetBusinessObjects(ServiceRequest filter);} Now, To start calling this method we need to construct a Json data representing the…","_links":{"self":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts\/26"}],"collection":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":0,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts\/26\/revisions"}],"wp:attachment":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/categories?post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/tags?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}