交换div中两个字符串的位置

Question

The current date format of a page is

maart 2 2015

The HTML created for this is:

<span class="entry-time">
    <span class="updated" style="display:none;">2015-03-06T09:24:26+00:00</span>
    <time class="published" datetime="2015-03-02T16:58:01+00:00">maart 2 2015</time>
</span>

What I want to do is swtich the places of maart and 2 so that the string reads "2 maart 2015".

Is this possible in jquery?

Answer 1

As far as I know, you just need to make some treatment using the native split() method:

var str = "maart 2 2015";
var result = str.split(" ");

Gives :

maart,2,2015

Then you just need to recreate a new string from this array in the order of your choice.

Answer 2

That's not a problem at all. For example this line would do the job:

var splitted = $(".published").html().split(" ");
$(".published").html(splitted[1] + " " + splitted[0] + " " + splitted[2]);

What we do here is using the first .html to give all the elements with the class .published (make sure you don't have unwanted "published" elements) a new inner html data. We provide a string which is the new text in the tag. We split the string by space and have a array with three elements (maart, 2, 2015). Now we simply have to reverse the order (1, 0, 2) and we're done.

Answer 3

I assume this is in wordpress? If it is, go to settings -> general and set your timezone if it is not correct. Then below you can change the format by selecting one or by creating one http://codex.wordpress.org/Formatting_Date_and_Time

it should then go as you wan't if the theme is developed in a good way

Answer 4

You can separate it into an array by spaces then switch the position of the words like so:

var array = $(".published").text().split(" ");
$(".published").text(array[1]+" "+array[0]+" "+array[2])

Or you can just change the text:

$(".published").text("2 maart 2015")

Answer 5

So this is the script I used eventually:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$( document ).ready(function() {
    $(".published").html(
        $(".published").html().split(" ")[1] + " " + 
        $(".published").html().split(" ")[0] + " " +
        $(".published").html( ).split(" ")[2]
    );
});
</script>

Thanks a lot for your help!

Answer 6

Here a fiddle: http://jsfiddle.net/qr1zzp3b/

var months = new Array("January", "February", "March", 
    "April", "May", "June", "July", "August", "September", 
    "October", "November", "December");

    var d = new Date();
    var date = d.getDate();
    var month = d.getMonth();
    var year = d.getFullYear();
    console.log(date + " " + months[month] 
    + " " + year);