[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Формат числа
Transience
Подскажите пожалуйста
Делаю так:
 
$n = 1163.00;
$n = number_format($n, 2, ',', ' ');
далее в таблице вывода чисел:
<td>$n</td>


Всё получается - в таблице вижу цифру с разделителем и запятой 1 163,00
Но если делаю так
 
$n = 1163.00;
$n = number_format($n, 2, ',', ' ');
далее в таблице вывода чисел:
<td><input type=text class='1' value=$n></td>

То в редактируемой ячейке таблицы, вижу просто цифру 1.
Почему так происходит?
Как в редактируемой ячейке input type вывести value с разделителем числа?
Valick
Цитата

Как в редактируемой ячейке input type вывести value с разделителем числа?

Лучше не надо. Иначе потеряются все прелести типа number. Но если есть желание, то можно раскомментить строчку, соответсвенно закомментить $(this).val(parseFloat($(this).val()).toFixed(2)); и сменить тип number на text.
Теоретчески можно написать собственную реализацию типа number на JS, тогда и с типом text будет норм

<?php
declare(strict_types=1);

$n1 = 1163.00;
$n2 = 129949458356.94;
?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<
script type="text/javascript">
/***
number - исходное число
decimals - количество знаков после разделителя
dec_point - символ разделителя
thousands_sep - разделитель тысячных
***/

function number_format(number, decimals, dec_point, thousands_sep) {
number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
var n = !isFinite(+number) ? 0 : +number,
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
s = '',
toFixedFix = function(n, prec) {
var k = Math.pow(10, prec);
return '' + (Math.round(n * k) / k)
.
toFixed(prec);
};
// Fix for IE parseFloat(0.55).toFixed(0) = 0;
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n))
.
split('.');
if (s[0].length > 3) {
s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
}
if ((s[1] || '')
.
length < prec) {
s[1] = s[1] || '';
s[1] += new Array(prec - s[1].length + 1)
.
join('0');
}
return s.join(dec);
}
$(document).ready(function () {
var floatInput = $(".floatNumberField");
var build = function() {
var label = $('label[for="' + $(this).attr('id') + '"]');
label.html(number_format($(this).val(), 2, ',', ' '));
$(this).val(parseFloat($(this).val()).toFixed(2));
//$(this).val(number_format($(this).val(), 2, ',', ' '));
};
floatInput.on('change', build);
floatInput.each(build);
});
</
script>
<
form>
<
table>
<
tr>
<
td>
<
label for="inp1"><?= number_format($n1, 2, ',', ' ') ?></label>
</
td>
<
td>
<
label for="inp2"><?= number_format($n2, 2, ',', ' ') ?></label>
</
td>
</
tr>
<
tr>
<
td>
<
input id="inp1" type="number" class="floatNumberField" placeholder='0.00' value="<?= $n1 ?>" step="0.01">
</
td>
<
td>
<
input id="inp2" type="number" class="floatNumberField" placeholder='0.00' value="<?= $n2 ?>" step="0.01">
</
td>
</
tr>
</
table>
</
form>



_____________
Стимулятор ~yoomoney - 41001303250491
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.