---
title: "Hur gör man datum i formatet ½ ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/191180-hur-gör-man-datum-i-formatet-½"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Aureola"
published: "2013-02-23T12:01:45.000Z"
updated: "2013-02-23T16:05:59.000Z"
replies: 4
views: 763
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/191180-hur-gör-man-datum-i-formatet-½"
---

# Hur gör man datum i formatet ½ ?

## #1 — Aureola, 2013-02-23T12:01Z

Hej!
Jag hoppas att det går att först hur jag menar? jag skulle vilja skriva dagens datum på två rader, som på sidan <http://www.fastcoexist.com/> 

mitt försök

variablerna: 
var d=new Date();
var monthname=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var DATENO = d.getDate() + " / " + "\\n" + monthname\[d.getMonth()\];

anropet:
 \<script language="JavaScript" type="text/javascript"\>
      document.write(DATENO);	\</script\>

Permalänk: https://www.webforum.nu/p/191180

## #2 — Aureola, 2013-02-23T12:04Z

jag har också försökt att lägga in \\n tillsammans med /'et i DATENO variabeln. Dvs 
var DATENO = d.getDate() + " /\\n" + monthname\[d.getMonth()\];
men det vill inte heller........... 
Jag är en riktig nybörjare på javaskript så det är mycket möjligt att jag gjort nåt riktigt galet... Hoppas nån kan hjälpa!

Permalänk: https://www.webforum.nu/p/2308025

## #3 — noshornin, 2013-02-23T13:08Z

```
<!DOCTYPE html>
<html>

<head>
<style type="text/css">
.month-day {
    font-family: 'FCKaiserXCond';
    font-size: 48px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 38px;
    width: 300px;
}
.month {
    padding-right: 40px;
    text-align: left;
}

.day {
    padding-left: 40px;
    text-align: right;
}
.year {
    display: block;
    font-family: 'CaslonFS',sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 10px auto auto;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
}
.month-day b:after{content:' ';border-right-color:black;border-right-width:1px;border-right-style:solid;height:80px;margin-top:-59px;-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation = .25);-o-transform:rotate(18deg);transform:rotate(18deg);display:block;text-align:center;margin-left:-0px;position:relative;}

.month-day b {
    color: transparent;
    display: block;
    font-weight: 100;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 0;
}

.diven{
text-align: center;
}
</style>
</head>
<body>

<h1>My First Heading</h1>
<div class="diven">
<script language="JavaScript" type="text/javascript">
var d=new Date();
var monthname=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var DATENO = "<span class='month-day'><span class='month'>" + d.getDate() + " </span><b>/</b><span class='day'>" + monthname[d.getMonth()] + "</span></span>";

document.write(DATENO); </script> 

</body>
</html>
```

Jag tog din kod och kopierade koden från den hemsidan du länkade. Finns säkert bättre och snyggare lösningar, men den borde fungera.

Permalänk: https://www.webforum.nu/p/2308027

## #4 — Aureola, 2013-02-23T14:00Z

Jaa det fungerade fint!! Tack så mycket! Jag trodde det räckte att ta klasserna .day och .month men det gjorde det ju inte. Tack igen! :)

Permalänk: https://www.webforum.nu/p/2308030

## #5 — noshornin, 2013-02-23T16:05Z

Markera som löst och ge mig min poäng ;)

Permalänk: https://www.webforum.nu/p/2308031

---

Tråden på webben: https://www.webforum.nu/amne/javascript/191180-hur-gör-man-datum-i-formatet-½
