Я новичок в этом, это очень помогло мне. Просто измените ширину, высоту, верхнюю и левую стороны, чтобы они соответствовали:
.vertical-text {
display: block;
position:absolute;
width: 0px;
height: 0px;
top: 0px;
left: 0px;
transform: rotate(90deg);
}
Вы также можете пойти здесь и посмотреть другой способ сделать это. Автор делает это так:
.vertical-text {
transform: rotate(90deg);
transform-origin: left top 0;
float: left;
}
Я реализовал вашу проблему с простым следованием, вы можете попробовать это.
Примечание: В последней версии InputMask добавлен стиль индийской валюты. Проверьте последнюю версию здесь. | 1110] Рабочий пример скрипки: https://jsfiddle.net/manektech/t810f3oa/1/
Я создал свой собственный. Надеюсь, что это полезно и для вас.
$(document).ready(function() {
$(".amount_field, amount_field2").keyup(function() {
convertToINRFormat($(this).val(),$(this));
});
convertToINRFormat($("#amount_field").val(),$("#amount_field"));
convertToINRFormat($("#amount_field2").val(),$("#amount_field2"));
});
function convertToINRFormat(value, inputField) {
var number = Number(value.replace(/,/g, ""));
// India uses thousands/lakh/crore separators
$('#result').html(number.toLocaleString('en-IN'));
$('#result1').html(number.toLocaleString('en-IN', {
maximumFractionDigits: 2,
style: 'currency',
currency: 'INR'
}));
$(inputField).val(number.toLocaleString('en-IN'));
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="amount" class="amount_field" id="amount_field" value="123456789" />
<input type="text" name="amount" class="amount_field" id="amount_field2" value="987654321" />
<div id="result"></div>
<div id="result1"></div>
var number = document.getElementsByClassName("amount_field")[0].value;
number.toLocaleString('en-IN');