Date() problem in Javascript/QML

o.coder · 11 May 2016, 08:28

I have a small problem with Javascript/QML.

I'll format a date. When I'am testing this script with tryit, all is ok. I get as result "Mi, 11.5.2016".

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
function formatEndTime(dateString) {
    var newDate = new Date(dateString);
    var TagInWoche = newDate.getDay();
    var Wochentag = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
    var showDate = Wochentag[TagInWoche] + ", " + newDate.getDate() + "." + (newDate.getMonth() +1 ) + "." + newDate.getFullYear();
    return showDate;
}
var rohdatum = "2016-05-11";

document.getElementById("demo").innerHTML = formatEndTime(rohdatum);

</script>

</body>
</html>

In Qt I use a similar Javascript function

function formatEndTime(dateString) {
    var newDate = new Date(dateString);
    var TagInWoche = newDate.getDay();
    var Wochentag = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
    var showDate = Wochentag[TagInWoche] + ", " + newDate.getDate() + "." + (newDate.getMonth() +1 ) + "." + newDate.getFullYear();
    return showDate;
}

But here I get an error for newDate: "Invalid Date"
(dateString is "2016-05-11")

What's wrong?
Olaf

p3c0 · wrote on 11 May 2016, 08:28

@o.coder It works with Qt 5.6. Which version are you using ?

? Offline · wrote on 11 May 2016, 08:30

Hallo! It works for me:

import QtQuick 2.6
import QtQuick.Window 2.0
import QtQuick.Controls 1.4

ApplicationWindow {
    id: mainWindow
    visible: true
    width: 500
    height: 500

    function formatEndTime(dateString) {
        var newDate = new Date(dateString);
        var TagInWoche = newDate.getDay();
        var Wochentag = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
        var showDate = Wochentag[TagInWoche] + ", " + newDate.getDate() + "." + (newDate.getMonth() +1 ) + "." + newDate.getFullYear();
        return showDate;
    }

    Text {
        anchors.centerIn: parent
        font.pixelSize: 20
        text: formatEndTime("2016-05-11")
    }
}

o.coder · 11 May 2016, 09:14

With Qt 4.8.4...

p3c0 · wrote on 11 May 2016, 09:14

@o.coder That's quite old. May be it doesnot support dateString format.
Try with other constructors like
var newDate = new Date("2016", "05", "11");
Also if possible you to migrate to Qt5 so that you get all latest JavaScript functions support.