Hur gör man datum i formatet ½ ?

**Aureola** · 2013-02-23, 12:04

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!

**noshornin** · 2013-02-23, 13:08

Code:

<!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.

**Aureola** · 2013-02-23, 14:00

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!

**noshornin** · 2013-02-23, 16:05

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

Hur gör man datum i formatet ½ ?

Hur gör man datum i formatet ½ ?

Comment

Comment

Comment

Comment

Oderland