CODEWITHSUNDEEP
javascripthtml
Himabindu
Himabindu

Reputation: 684

how to convert a local date to UTC format?

 syncCampaignDetails(){
    let dateTime = {};
    let date = this._root.getElementById("dateField").value;
    // let time = this._root.getElementById("timeField").value;
    // dateTime.date = date;
    // dateTime.time = time;
    // var newstr = date.replace(IST, '');
    let toUtc = new Date(date).toISOString();
    // var isoDate = new Date('yourdatehere').toISOString();
    console.log(toUtc)
  }
            <mwc-textfield type="date" required class="date" id="dateField" min="${this.minDate}" max="${this.date}"  value="${this.eventStart}"></mwc-textfield>

<mwc-textfield type="time" name="appt" required class="time" id="timeField" min="9:00" max="24:00"></mwc-textfield>
<button class="syncBtn layout vertical" on-click=${e => this.syncCampaignDetails(e)}>
            <div class="labelText" id="sync">${__.gettext("Sync")}</div>
          </button>

The user has to give the event date and event start time and also end time. My requirement is to convert the event date and start time to UTC format. same for end time also.`

syncCampaignDetails(){
    let date = this._root.getElementById("dateField").value;
    let toUtc = new Date(date).toUTCString();
    console.log(toUtc)
  }

` And also date ,start time, end time are different input fields. How to pass the date time.can any one help me?

Upvotes: 0

Views: 93

Answers (1)

Sreekanth
Sreekanth

Reputation: 3130

Here is what you could do.

I modified the snippets to work here in the snippet, but the logic in the syncCampaignDetails is what you would need. 

function syncCampaignDetails() {
  let dateTime = {};
  let date = document.getElementById("dateField").value;
  let time = document.getElementById("timeField").value;
  dateTime.date = date;
  dateTime.time = time;

  let toUtc = new Date(`${dateTime.date}T${dateTime.time}`).toISOString();

  document.querySelector('#convertedString').innerText = `UTC Time: ${toUtc}`;
}


document.querySelector('#sync').addEventListener('click', syncCampaignDetails)
#convertedString {
  padding: 10px;
}
<input type="date" required class="date" id="dateField" min="${this.minDate}" max="${this.date}" />

<input type="time" name="appt" required class="time" id="timeField" min="9:00" max="24:00" />
<button class="syncBtn layout vertical" on-click=${e=>
    <div class="labelText" id="sync">Convert</div>
</button>

<div id='convertedString'>
</div>

Upvotes: 1

Related Questions